<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>demo2</title>
    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
</head>
<body>
<div id="ha">

<select v-model="chose"> <!--v-model的用法，数据的双向绑定。在select，input，radio，textarea文本域等控件都可以使用-->
    <option>a</option>
    <option selected>b</option>   <!--当使用了v-model指令时，默认会忽略所有表单元素的value，checked，selected属性-->
    <option>c</option>
    <option disabled>--请选择--</option>
</select>
    <span>value: {{chose}}</span>
</div>

<script>
    var vue =new Vue({
        el: "#ha",
        data: {
            chose: "--请选择--"
        }
    });
</script>
</body>
</html>